<template>
  <div>
    <van-nav-bar title="约课记录">
      <template #right>
      </template>
    </van-nav-bar>

    <van-tabs class="vntBar" v-model="active" title-active-color="rgb(235, 97, 0)">
      <van-tab title="待上课">
        <img src="http://xl.9yuecloud.com/assets/img/no-message.8d3ca5af.png" alt="">
      </van-tab>
      <van-tab title="已上课">
        <img src="http://xl.9yuecloud.com/assets/img/no-message.8d3ca5af.png" alt="">
      </van-tab>
      <van-tab title="已取消">
        <img src="http://xl.9yuecloud.com/assets/img/no-message.8d3ca5af.png" alt="">
      </van-tab>
    </van-tabs>
  </div>
</template>

<script>
export default {
  data(){
    return {
      active:0
    }
  }
}
</script>

<style scoped lang="scss">
.vntBar{
  img{
    width: 100%;
    height: auto;
  }
}
</style>